<template>
  <div id="cart">
    <Head />

    <div class="nav">
      <div class="nav_left">Titk购物</div>
      <div class="nav_right">
        <el-input
          placeholder="请输入内容"
          v-model="input"
          clearable
          style="height: 30px"
        >
        </el-input>
        <el-button type="primary" style="height: 32px" @click="search"
          >搜索</el-button
        >
      </div>
    </div>
  </div>
</template>
    
    <script>
import { onMounted } from "vue";
import Head from "@/components/head.vue";
export default {
  name: "login",
  components: {
    Head,
  },
  data() {
    return {
      input: "",
    };
  },
  methods: {},
  mounted() {},
};
</script>
    
    
    
    
    
<style lang="less" scoped>
#cart {
  .nav {
    height: 60px;
    width: 1200px;
    margin: 0 auto;
    margin-top: 15px;
    .nav_left {
      float: left;
      font-size: 30px;
      color: #ff6700;
      font-weight: 800;
      line-height: 50px;
      font-style: italic;
      cursor: default;
    }
    .nav_right {
      float: right;
      padding-right: 20px;
      margin-top: 10px;
      .el-input {
        float: left;
        width: 300px;
        margin-top: 10px;
        border: 1px solid #ff6700;
        border-right: 0px;
      }
      .el-button {
        float: left;
        margin-top: 10px;
        border-radius: 0%;
        background-color: #ff6700;
      }
    }
  }

  /deep/ #head {
    height: 40px;
  }
  /deep/ .head_center {
    display: none !important;
  }

  /deep/ .el-input__inner {
    height: 30px;
  }
  /deep/ .head_top_1 {
    width: 1266px !important;
  }
  /deep/ .cart {
    display: none !important;
  }
}
</style>